<template>
  <div class="user-setting">
    <div class="user-info">
      <head-image 
        :url="userInfo.headImage" 
        :name="userInfo.nickName" 
        :id="userInfo.id"
        :size="60">
      </head-image>
      <!-- ... -->
    </div>
  </div>
</template>

<script>
export default {
  computed: {
    userInfo() {
      return this.$store.state.userStore.userInfo;
    }
  }
  // ...
}
</script> 